<style>
.bg{
    color:#333;
}
.content{
    width:100%;
    margin:0px;
    padding:0px;
}
.content img{
    width:100vw;
    margin-bottom:9rem;
}
.fixedMenu{
    width:100%;
    height:9rem;
    background:#fff;
    position:fixed;
    bottom:0px;
    text-align: center;
}
.fixedMenu div{
    margin:0.8rem;
    font-size:14px;
    line-height: 1.5rem;;
    color:#333;
    text-align: left;
}
.fixedMenu input{
    background:#00b7ee;
    border:0px;
    color:#fff;
    width:80%;
    height:3rem;
    border-radius:.3rem;
    font-size:20px;
    text-align: center;
}
.textTitle{
    min-height:0px;
    text-align: center;
    font-size:20px;   
    line-height:5rem;
}
.textCenter{
    min-height:0px;
    font-size:18px;
    padding:0 1rem;
    line-height:2rem;
}
</style>


<template>
    <div class="bg">
        <div class="content">
            <div class="textTitle">{{this.$route.params.textTitle}}</div>
            <div class="textCenter">{{this.$route.params.textCenter}}</div>
            <img :src='this.$route.params.textUrl'/>
        </div>
        <div class="fixedMenu">
            <div>点击<b>“立即预约”</b>我们将为您匹配专属的客户经理，上门为您办理套餐入网开户，支持企业批量开户。</div>
            <input type="button" id="subSever" value="立即预约" @click="change()"/>
        </div>
    </div>
</template>

<script>
import { Tabbar, TabbarItem,Group } from 'vux'
export default {    
  data() {
      return{
         
      }
  },
  methods:{
      change(){
          //console.log("传递过来的参数123",this.$route.params)
          let list=this.$route.params;
          console.log(list);
          this.$router.push({name:'test2',params:list})
      }
  },
  components:{
      Tabbar, 
      TabbarItem,
      Group
  }
}
</script>

